Página personal de <Camino Sarmiento Martín>

Ejercicio obligatorio del módulo 2

Estructura HTML5/CSS3 para multipantalla y objetos multimedia

En este ejercicio tenemos que crear una página web que incluya una serie de puntos. La página debe comenzar con el siguiente encabezamiento: “Página personal de <nombre y apellido del alumno>”. Para facilitar la corrección, he decidido hacer el ejercicio punto por punto:

  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.

    3. Roboto es una familia de fuentes tipográficas del tipo sans-serif introducidas en el sistema operativo Android 4.0 "Ice Cream Sandwich". Google describe la fuente como "moderna, aun así cercana" y "emocional". Está publicada bajo licencia Apache. La familia tipográfica fue liberada para descargarla gratuitamente el 12 de enero de 2012, durante el lanzamiento del nuevo website de diseño para Android. La familia incluye variantes delgada, liviana, regular, media, negrita, "black" y condensada. Presenta una legibilidad muy buena

    La Bitter es una tipografía para textos literarios que responde a las exigencias técnicas para la lectura en pantalla con tecnología E-ink (tinta electrónica).

  3. Distintos encabezados.

    4. Esto es un encabezado tipo <h1>

    Esto es un encabezado tipo <h2>

    Esto es un encabezado tipo <h3>

    Esto es un encabezado tipo <h4>

    Esto es un encabezado tipo <h5>

    Esto es un encabezado tipo <h6>

  4. Uso de caracteres especiales
    5. SímboloCódigoSímboloCódigoCódigoSímboloCódigo
     &nbsp;¡&iexcl;µ&micro;&para;
    ¢&cent;£&pound;·&middot;¸&cedil;
    ¤&curren;¥&yen;¹&sup1;º&ordm;
    ¦&brvbar;§&sect;»&raquo;¼&frac14;
    ¨&uml;©&copy;½&frac12;¾&frac34;
    ª&ordf;«&laquo;¿&iquest;À&Agrave;
    ¬&not;®&reg;Á&Aacute;Â&Acirc;
    ¯&macr;°&deg;Ã&Atilde;Ä&Auml;
    ±&plusmn;²&sup2;Å&Aring;Æ&AElig;
    ³&sup3;´&acute;Ç&Ccedil;È&Egrave;
  5. Incluir, imágenes de tipo bitmap y vectorial.
  6. Incluir algún vídeo.

    7. Este video está alojado en Youtube

    Otro video

  7. Incluir bordes redondeados en alguna de sus cajas.

    8. Formas hechas transformando cajas mediante el uso de CSS3 y usando varios tipos de degradados